/* CSS Document */
*{margin:0; padding:0}
img{border:0}
body{color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) #3b7858}
a:link, a:active, a:visited{color:#518422; text-decoration:none}
a:hover{color:#518422; text-decoration:underline}
#wrapper{width:940px; margin:0 auto; padding:0 5px; background:url(images/wrapper_bg.png) repeat-y}

#header{width:100%; height:100px; background-color:#FFF}
#header #logo{width:100px; float:left; margin:5px 20px}
#header #slogan{width:450px; float:left; text-align:center; margin:21px 0 0 60px}
#header #slogan h1{font-size:22px; font-weight:100; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#header #slogan h5{font-size:22px; font-weight:100; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#header #txtSearch{width:150px; height:15px; color:#9a9898; margin-top:8px; padding:3px 5px; float:left; border:none; background:none}
#header #btnSearch{width:30px; height:21px; margin-top:8px; float:right; border:none; background:none}

#menu{width:100%; height:37px; background:url(images/menu_bg.jpg) repeat-x; z-index:200}

#slider{width:100%}
#slider #shadow{width:940px; height:3px; position:absolute;  background:url(images/menu_shadow.png) repeat-x; z-index:100}

/* home */
#content{background-color:#FFF; width:100%}
#content #tuvan{clear:both; padding:30px 0 40px 0; background-color:#F0F0F0}
#content #tuvan .title{font-size:24px; font-weight:bold; margin:0 0 5px 37px}
#content #tuvan .item_info{width:265px; float:left; margin-left:37px}
#content #tuvan .item_info img{width:250px; height:172px; margin:20px 0 15px 0; border:solid 5px #FFF}
#content #tuvan .item_info h3{ font-size:14px; margin-bottom:10px}
#content #tuvan .item_info div{line-height:20px; height:80px; overflow:hidden}

#content #gioithieu{clear:both; padding:30px 37px 20px}
#content #gioithieu .title{font-size:22px; font-weight:bold; margin-bottom:20px}
#content #gioithieu div{line-height:22px}

#content #chuongtrinh{clear:both; padding:20px 0}
#content #chuongtrinh h1{color:#666; font-size:20px; margin:0 37px}
#content #chuongtrinh .title{font-size:20px; font-weight:bold; margin:0 0 5px 37px}
#content #chuongtrinh .item_info{width:260px; height:330px; float:left; margin-left:37px}
#content #chuongtrinh .item_info img{width:260px; height:160px; margin:20px 0 15px 0; padding:1px; border:solid 1px #CCC}
#content #chuongtrinh .item_info h3{ font-size:14px; margin-bottom:10px}
#content #chuongtrinh .item_info div{line-height:20px; height:60px; overflow:hidden}


/* about */
#content #left{width:225px; float:left; padding-top:10px; border-right:solid 1px #CCC}
#content #left .item{line-height:40px; padding-left:20px; border-bottom:solid 1px #CCC; background:url(images/about_bg.gif) repeat-x}
#content #left .item a{display:block; color:#666; font-weight:bold}
#content #left .item a:hover{color:#518422; text-decoration:none; background:url(images/about_bg_ac.gif) no-repeat right}
#content #right{width:630px; float:right; margin-right:50px}
#content #right h1{color:#518422; font-size:24px; margin:20px 0}
/* product_catalog */
#content #product_detail{margin:0 30px; padding-bottom:10px}
#content #product_detail h1{color:#518422; font-size:24px; margin:10px 0}
#content #product_detail .title{font-size:16px; font-weight:bold; padding:30px 0 10px}
#content #product_detail .item{width:202px; height:320px; line-height:250px; float:left; margin-right:15px; overflow:hidden}
#content #product_detail .item img{width:200px; height:250px; border:solid 1px #e2e2e2}
#content #product_detail .item h4{line-height:20px; text-align:center; margin:10px 0}
#content #product_detail .item a{color:#666;}
#content #product_detail .item2{width:90%; line-height:30px; padding-left:15px; background:url(images/li.jpg) no-repeat left}
#content #product_detail .item2 h4{font-size:12px; font-weight:100}
#content #product_detail .item2 a{color:#666}
/* tu van suc khoe */
#content #tuvan_sk{clear:both; padding-bottom:30px}
#content #tuvan_sk h1{color:#666; font-size:20px; line-height:35px; margin-left:30px}
#content #tuvan_sk h2{color:#999; font-size:13px; font-weight:100; line-height:22px; margin-left:30px}
#content #tuvan_sk .title{font-size:20px; font-weight:bold; margin:0 0 5px 37px}
#content #tuvan_sk .item_info{width:280px; height:330px; float:left; margin-left:23px}
#content #tuvan_sk .item_info img{width:280px; height:172px; margin:20px 0 15px 0; padding:1px; border:solid 1px #CCC}
#content #tuvan_sk .item_info h3{ font-size:14px; margin-bottom:10px}
#content #tuvan_sk .item_info div{line-height:20px; height:60px; overflow:hidden}

#cohoi_nghenghiep{width:880px; padding:0 0 40px 30px}
#cohoi_nghenghiep table{border:solid 1px #e3e3e3}
#cohoi_nghenghiep td{padding:8px 20px}

/* viewpost */
#viewpost{line-height:22px; list-style:inside}
#viewpost p, #viewpost div {margin:10px 0}
#viewpost li{padding:0 25px}
#viewpost h2, #viewpost h3 {font-size:13px}
#viewpost h4, #viewpost h5 {font-size:12px}

#navigator{padding:10px 30px 30px}
#navigator a{color:#999; padding:0 10px 0 15px; background:url(images/navigator.gif) no-repeat left}
#navigator a:hover{color:#333}


#social{line-height:20px; margin:25px 0}

#footer{color:#666; font-size:11px; line-height:40px; padding:0 10px; background-color:#D9D9D9}
#footer #logo_foo{width:auto; float:left}
#footer #logo_foo img{float:left; margin-right:5px}
#footer #menu_foo{width:auto; float:right; }
#footer #menu_foo .item{float:left}
#footer #menu_foo .item a{color:#666; padding:0 8px}
#footer #menu_foo .item a:hover{color:#333}

.txt{width:320px; height:18px; color:#666; padding:7px 5px; background-color:#E6E6E6; border:none}
.textarea{width:320px; height:140px; line-height:20px; color:#666; padding:5px; background-color:#E6E6E6; border:none}
.btn{width:330px; height:50px; line-height:50px; color:#FFF; font-weight:bold; text-align:center; background-color:#7CBF3E; border:none}
#phantrang{padding:0 0 40px 25px}
#phantrang a{color:#FFF; font-weight:bold; margin-right:3px; padding:5px 10px; background-color:#999}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:37px; z-index:300}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none}
#nav li a {color:#FFF; font-weight:bold; text-transform:uppercase; padding:0 18px; background:url(images/menu_line.jpg) no-repeat right}
#nav a:hover {background-color:#c3e962; color:#333}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:200px; top:37px; display:none}
#nav li ul a {width:180px; line-height:28px; float:left; font-weight:normal; padding:0 20px; background:url(images/menu_line.gif) no-repeat right #80B201; border-bottom:solid 1px #FFF}
#nav li ul a:hover {background-color:#c3e962; color:#333}
#nav ul ul {top:auto}
#nav li ul ul {left:241px}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}

/*popup*/
#backgroundPopup{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background-color:#000; z-index:400}
#popupContact{display:none; position:fixed; _position:absolute; height:auto; width:968px; font-size:12px; z-index:500}
#popupContact #popupContent{width:860px; line-height:25px; margin:20px 0 0 14px; padding:30px 40px; background-color:#FFF; list-style:none}
#popupContact #popupContent h1{color:#518422; font-size:24px; margin-bottom:10px}
#popupContact #popupContent #yeucau{font-weight:bold; font-style:italic}
#popupContact #popupContent p, #popupContact #popupContent div {padding-left:25px; background:url(images/popupP.gif) no-repeat left}
#popupContact #popupContent li{list-style:none; margin-left:25px; padding-left:15px; background:url(images/li.jpg) no-repeat left}
#popupContactClose{position:absolute; right:0; z-index:600; cursor:pointer}
